import "./app.scss";

const About = () => {
  return (
    <div className="about">
      <div className="top">
        <p>June 8, 2016</p>
        <h1>
          NULLA EGET MAURIS QUIS ELIT MOLLIS ORNARE VITAE UT ODIO AUGUE VITAE
          SOLLICITUDIN COMMODO
        </h1>
        <p>ADMIN, LIFESTYLE</p>
      </div>
      <div className="main">
        <div className="img">
          <img
            src="https://www.jq22.com/demo/jqueryGrjlmoban202102230302/images/single.jpg"
            alt=""
          />
        </div>
        <div className="center">
          <p>
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
            officia deserunt mollit anim id est laborum exercitation ullamco
            laboris nisi ut aliquip.
          </p>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
            et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod
            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
            voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
          </p>
          <blockquote>
            <p>
              Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
              dolor sit amet vultatup duista.
            </p>
          </blockquote>
          <p>
            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
            molestie consequat, vel illum dolore eu feugiat nulla facilisis at
            vero eros et accumsan et iusto odio dignissim qui blandit praesent
            luptatum zzril.
          </p>
          <h1>Heading 1</h1>
          <p>
            Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
            suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
            autem vel eum iriure dolor in hendrerit in vulputate velit esse
            lorem ipsum dolor sit amet.
          </p>
          <h1>Heading 2</h1>
          <p>
            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
            molestie consequat, vel illum dolore eu feugiat nulla facilisis. At
            vero eos et accusam et justo.
          </p>
          <h1>Heading 3</h1>
          <p>
            Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
            ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
            eos et accusam et justo duo dolores et ea rebum hendrerit in
            vulputate velit esse molestie.
          </p>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
            et ea rebum.
          </p>
          <p>
            <code>
              Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
              dolor sit amet.
            </code>
          </p>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
            et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
            Lorem ipsum dolor sit amet.
          </p>
          <p>
            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
            molestie consequat, vel illum dolore eu feugiat nulla facilisis at
            vero eros et accumsan et iusto odio dignissim qui blandit praesent
            luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
            nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
            volutpat.
          </p>
          <p>
            Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
            ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
            eos et accusam et justo duo dolores.
          </p>
        </div>
      </div>
      <div className="bottom">
        <div className="text">
          <h3>Leave a Reply</h3>
          <p>
            Your email address will not be published. Required fields are marked
          </p>
        </div>
        <div className="input">
          <div>
            <p>Comment:</p>
            <textarea cols="30" rows="10"></textarea>
            <p>name</p>
            <input type="text" />
            <p>E-mail</p>
            <input type="text" />
          </div>
        </div>
        <div className='btn'>
            <span>submit</span>
        </div>
      </div>
    </div>
  );
};
export default About;
